<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Controle de Segurança</title>
    </h:head>
       <ui:composition template="index.xhtml">  
        <ui:define name="content"> 
    <h:body >
        <h:form> 
            <p:panel header="Login" id="panelLogin" style="text-align: center; position: absolute; 
                     width: 350px; height: 190px; left: 35%; top:30%;">
                <h:panelGrid columns="2">
                    <h:outputText value="Usuário"/>
                    <h:inputText value="#{loginHandler.usuario.login}" size="20" maxlength="20" required="true" requiredMessage="Campo login obrigatório"/>
                    <h:outputText value="Senha"/>
                    <h:inputSecret value="#{loginHandler.usuario.senha}" size="20" maxlength="20" required="true" requiredMessage="Campo senha obrigatório"/>
                 <br />
                </h:panelGrid>
                <h:commandButton action="#{loginHandler.validaLogin()}" value="Realizar Login"/>
            </p:panel>
        </h:form>
    </h:body>
            </ui:define>
       
       
    </ui:composition>
</html>